* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.Header {
    text-align: center;
}

.listTime {
    color: rgb(116, 103, 103);
}

.Title {
    color: rgb(230, 111, 111)
}

.archivesList li {
    padding: 15px;
    margin-left: 80px;
    background-color: rgb(255, 255, 255);
}

.archivesList li:hover {
    color: rgb(230, 111, 111);
    cursor: pointer;
}

hr {
    margin-top: 10px;
    color: rgb(190, 195, 199);
}

.year {
    margin-top: 10px;
    margin-left: 20px;
}

.mains .month {
    margin-top: 20px;
    margin-left: 20px;
}

@keyframes redbao {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.redbao {
    animation: redbao 1s forwards;
}

.mains {
    animation: redbao 1s forwards;
}